<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="data:;base64,=">
    <style type="text/css">
/*     #waterMark{
        width:100% ;
        height:100vh;
    }   */  
    #waterWater{
        width:500px ;
        height:600px;
        background-color: white;
    }
    </style>
</head>
<body>
    <div >
        <div id="waterWater">
            <!-- <button onclick="window.open('https://www.189.cn/wapportalweb/upability/upability_upload.html')">test</button> -->
            <!-- <button onclick="window.top.location.href='https://www.189.cn/wapportalweb/upability/upability_upload.html'">test</button> -->
        </div>
    </div>
</body>
<script type="module">
    import set from '../dist/index.js';
    import {setImgBack}  from '../dist/index.js' 
    let img = await setImgBack('http://192.168.55.129:5500/example/img/980.png','xjw',{id:'waterWater',size:'60',angle:-30})
    let showImg = new Image()
    showImg.src = img
    document.body.appendChild(showImg)
    set('水印测试使用');
    set('water',{id:'waterWater',angle:-30},{fillStyle:'red'});
</script>
</html>